//这里设定为bom 其它页面可以直接调用 bom() 本页面就会出来
var bom = function() {
	//客户信息
	var sm = new Ext.grid.CheckboxSelectionModel({
		handleMouseDown : Ext.emptyFn,
		singleSelect    : true
	});
	var cm1 = new Ext.grid.ColumnModel([sm, {
		header : '编号',
		dataIndex : 'customerId',
		width : 40
	}, {
		header : "客户名称",
		dataIndex : 'customerName'
	}]);
	cm1.defaultSortable = true;
	var SaleArea1 = Ext.data.Record.create([{
		name : 'customerId',
		type : 'int'
	}, {
		name : 'customerName',
		type : 'string'
	}, {
		name : 'customerNumber',
		type : 'int'
	}, {
		name : 'accountName',
		type : 'string'
	}]);
	var store1 = new Ext.data.JsonStore({
		url : '../' + WebServiceUrl,
		baseParams : {
			trancode : '11160'
		},
		totalProperty : 'totalProperty',
		root : 'root',
		fields : SaleArea1,
		pruneModifiedRecords : true
	});
	var grid1 = new Ext.grid.GridPanel({
		store : store1,
		cm : cm1,
		id : 'customer_gridid',
		resizeable : true,
		frame : true,
		sm : sm,
		loadMask : {
			msg : '正在加载数据，请稍候。。。'
		},
		stripeRows : true,
		bbar : new Ext.PagingToolbar({
			pageSize : App.pageSize,
			store : store1,
			displayInfo : true,
			displayMsg : '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
			emptyMsg : "没有记录"
		})
	});
	store1.load({
		params : {
			start : 0,
			limit : App.pageSize
		}
	});
	//产品信息
	var cm = new Ext.grid.ColumnModel([sm, {
		header : '产品编码',
		dataIndex : 'goodsno'
	}, {
		header : '产品名称',
		dataIndex : 'goodsname'
	}, {
		header : '产品规格',
		dataIndex : 'spec'
	}, {
		header : '品牌',
		dataIndex : 'typename'
	}, {
		header : '大类',
		dataIndex : 'classname'
	}, {
		header : '品质',
		dataIndex : 'kindname'
	}]);
	var ds = new Ext.data.Store({
		baseParams : {
			trancode : '13120'
		},
		proxy : new Ext.data.HttpProxy({
			url : '../' + WebServiceUrl
		}),
		reader : new Ext.data.JsonReader({
			totalProperty : 'totalProperty',
			root : 'root'
		}, [{
			name : 'goodsid'
		}, {
			name : 'goodsno'
		}, {
			name : 'goodsname'
		}, {
			name : 'spec'
		}, {
			name : 'spellcode'
		}, {
			name : 'unit'
		}, {
			name : 'fzunit1'
		}, {
			name : 'fzxs1'
		}, {
			name : 'fzunit2'
		}, {
			name : 'fzxs2'
		}, {
			name : 'strCreatedDate'
		}, {
			name : 'goodstypeno'
		}, {
			name : 'typename'
		}, {
			name : 'goodsclassno'
		}, {
			name : 'classname'
		}, {
			name : 'goodskindno'
		}, {
			name : 'kindname'
		}, {
			name : 'indication'
		}, {
			name : 'servicetext'
		}, {
			name : 'reftext'
		}, {
			name : 'filename'
		}])
	});
	cm.defaultSortable = true;
	var grid = new Ext.grid.GridPanel({
		id : 'goodsgridid',
		ds : ds,
		cm : cm,
		loadMask : {
			msg : '正在加载数据，请稍候。。。'
		},
		bbar : new Ext.PagingToolbar({
			pageSize : App.pageSize,
			store : ds,
			displayInfo : true,
			displayMsg : '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
			emptyMsg : "没有记录"
		}),
		sm : sm,
		frame : true,
		stripeRows : true
	});
	ds.load({
		params : {
			start : 0,
			limit : App.pageSize
		}
	});
	// 中心上
	var right1 = new Ext.Panel({
		title : '产品信息',
		iconCls : 'icon-grid',
		height : 300,
		frame : true,
		buttonAlign : 'left',
		layout : 'fit',
		items : grid,
		buttons : [{
			text : '计算用料',
			handler : function() {
				alert('提交');
			}
		}, {
			text : '重新计算',
			handler : function() {
				alert('取消');
			}
		}],
		id : 'right1'
	});
	// 中心下
	var right2 = new Ext.Panel({
		title : '用料清单',
		iconCls : 'icon-grid',
		height : 200,
		frame : true,
		id : 'right2'
	});
	// 中心
	var right = new Ext.Panel({
		region : 'center',
		items : [right1, right2]
	});
	// 左边
	var left = new Ext.Panel({
		title : '客户信息',
		iconCls : 'icon-grid',
		region : 'west',
		split : true,
		frame : true,
		width : 200,
		layout : 'fit',
		items : grid1,
		collapsible : true
	});
	var winBom = new Ext.Window({
		title : '生成下料',
		iconCls : 'icon-grid',
		closable : true,
		modal : true,
		width : 800,
		height : 500,
		plain : true,
		layout : 'border',
		items : [left, right]
	});
	winBom.show();
}